<template>
  <div class="demo-block">
    <h4>基础用法</h4>
    <my-tabs v-model="tabsValue">
      <my-tab-pane label="标签1" value="1">1</my-tab-pane>
      <my-tab-pane label="标签2" value="2">2</my-tab-pane>
      <my-tab-pane label="标签3" value="3">3</my-tab-pane>
    </my-tabs>
  </div>
</template>

<script>
import { tabs, tabPane } from "../../../../src/components/tabs";

export default {
  components: {
    "my-tabs": tabs,
    "my-tab-pane": tabPane,
  },
  data() {
    return {
      tabsValue: 1,
    };
  },
};
</script>

<style>
</style>